import React from 'react';

import CrmE9TopLogo from './CrmE9TopLogo';
import CrmE9TopMenu from './CrmE9TopMenu';
import CrmE9QuickSearch from './CrmE9QuickSearch';
import CrmE9HeaderRight from './CrmE9HeaderRight';

class CrmE9Header extends React.Component {
  render() {
    return (
      <div className="crm-e9header-container">
        <div className="crm-e9header-left">
          <CrmE9TopLogo ecId={`${this && this.props && this.props.ecId || ''}_CrmE9TopLogo@viiu8h`} />
          <CrmE9TopMenu ecId={`${this && this.props && this.props.ecId || ''}_CrmE9TopMenu@gt2fwx`} />
          <CrmE9QuickSearch ecId={`${this && this.props && this.props.ecId || ''}_CrmE9QuickSearch@jglqpd`} />
        </div>
        <CrmE9HeaderRight ecId={`${this && this.props && this.props.ecId || ''}_CrmE9HeaderRight@4eteb1`} />
      </div>
    );
  }
}

export default CrmE9Header;
